<template>

    <div id='app'>
        <!-- <img src='assets/images/logo.png'> -->
        <button @click="isshow=!isshow">点我有惊喜</button>
        <transition name='move'>
        <p v-show="isshow">玩我呀</p>
        </transition>
    </div>

</template>
<script>
import img from '@/assets/images/logo.png'
export default {
  data () {
    return {
      img: img,
      isshow: false
    }
  }

}
</script>

<style lang="less">
// .wan{
//     display: block;
//     height: 20px;
//     width: 200px;

//     background-color: green;
// }

.move-enter{
         margin-left:200px;

    //  width: 200px;

}
.move-enter-active{

    // transition: all 2s;

}
.move-enter-to{
     margin-left: 0px;

}
// .move-leave{
//  margin-left:0px;
// }
// .move-leave-active{
// //  transition: all 2s;
// }
// .move-leave-to{
//  margin-left:200px;
// }
</style>
